<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>openBook</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <div class="book p3d">
        <div class="back-cover p3d">
            <div class="page back filp">

            </div>
            <div class="page front p3d">
                <div class="shadow"></div>
                <div class="dino"></div>
            </div>
        </div>
        <div class="front-cover p3d">
            <div class="page front flip p3d">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fermentum nisl quis nulla eleifend
                    dignissim.
                    Curabitur varius lobortis tincidunt. Maecenas gravida, nulla quis luctus imperdiet, ipsum nibh
                    consectetur
                    ante, in sodales massa tortor eget neque. Donec porta ligula massa, id sagittis est. Ut nisl tellus,
                    faucibus
                    nec feugiat ut, laoreet iaculis felis. Suspendisse ultrices mauris vel tellus suscipit commodo.
                    Integer
                    vitae
                    tortor erat. Pellentesque non tempor nisi.

                </p>
            </div>
            <div class="page back"></div>
        </div>
    </div>
    <script src="./index.js"></script>
</body>

</html>